#container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;

}
#container #header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 500px;
	background-color: #CCCCCC;
}
#container #header iframe {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}
#container #haupttext {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
	justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
	align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;
	margin-bottom: 30px;
	margin-top: 30px;
}
#haupttext #text .hr-haupttext {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #FF0000;
	height: 1px;
	background-color: #FF0000;
	border-radius: 10px;
}

#container #haupttext #text {
	width: 450px;
}
#container #haupttext #angebot {
	display: block;
	max-width:300px;
	width: 300px;
	margin-top: 30px;
	box-shadow: 10px 10px 5px silver;
	border-radius: 10px;
	padding: 10px;
	height: 300px;
}

#container #catcher {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
	flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
	justify-content: center;

    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
	align-content: flex-start;

    -webkit-align-items: flex-start;
    -ms-flex-align: start;
	align-items: flex-start;
	font-size: 90%;
}
#container #catcher #box {
	margin: 30px;
	padding: 10px;
	width: 180px;
	height: 190px;
	box-shadow: -10px 10px 15px silver;
	border-radius: 20px;
}
#container #catcher #box #bild {
	height: 50px;
	width: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}


#container #leistung-titel {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#container #leistung-titel #bild {
	width: 38%;
	height: 300px;
	background-image: url(../../bilder/bilder/bauen.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	box-shadow: 10px 10px 10px silver;
	border-radius: 10px;
	margin-right: 31%;
	margin-left: 31%;
	margin-bottom:30px;
}
#container #leistung-titel #text {
	width: 60%;
	margin-right: 20%;
	margin-left: 20%;
	float: left;
}
#leistungen {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
    display: flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
#leistungen #lbox {
	margin: 30px;
	width: 250px;
	height: 230px;
	text-align: center;
	color: #FF6600;
	box-shadow: 10px 10px 10px silver;
	border-radius: 20px;
	font-size: 95%;
}
#leistungen #lbox #lbild {
	width: 250px;
	margin-bottom: 15px;
}
#container #leistungen #lbox #lbild #lbilder {
	height: 170px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
}
#partner #box {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
#partner #box #partnerbox {
	margin: 30px;
	height: 70px;
	width: 180px;
}
#container #footer {
	width: 98%;
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 70px;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	box-shadow: 10px 10px 20px silver;
	border-radius: 20px;
}
#footer #bild {
	width: 350px;
	background-image: url(../../bilder/bilder/montage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 230px;
}
#footer #text {
}



a.link-startseite:link
{
color:#000000;
text-decoration:none;
}
a.link-startseite:visited{
color:#000000;
text-decoration:none;
}
a.link-startseite:hover
{
color:#FF6600;
font-weight:bold;
font-size:0.95em;
text-decoration:none;
} 
#container #test {
}
#container #text-unten {
	width: 70%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}